<!DOCTYPE html>

<html>
	<head>
		<title>2048</title>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="css/style.css" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=0"/>
	</head>
	<body>
		<header>
			<h1>2048</h1>
			<div>
				<p id="score">Score: <span>0</span></p>
				<p><a>Try again?</a></p>
			</div>
		</header>

		<div id="game">
			<div id="grid">
				<div></div><div></div><div></div><div></div>
				<div></div><div></div><div></div><div></div>
				<div></div><div></div><div></div><div></div>
				<div></div><div></div><div></div><div></div>
			</div>
		</div>

		<div id="bar"><div></div></div>

		<div>
			<p>Best Score: <span id="best-score">0</span></p>
		</div>

		
		<footer>
			
		</footer>

		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/app.js"></script>

		
	</body>
</html>